<?php
//======================================================================================
//
// Function: Show IMPORT done log
//
// Programmer: JKJ
// Date : 2024-10-11
//
// Copyright Reeft A/S (c) - 2024
//======================================================================================
// https://datatables.net/reference/option/columns.orderSequence
// https://datatables.net/forums/discussion/comment/230762/#Comment_230762
//======================================================================================
// Get input
//======================================================================================
if (isset($_REQUEST["FILE_NAME"])) {
$FILE_NAME = $_REQUEST["FILE_NAME"];
} else {
$FILE_NAME = '';
}
//======================================================================================
// Make line uppercase
//======================================================================================
//======================================================================================
// General config
//======================================================================================
include "config/config.php";
//======================================================================================
// Check if user is logged in?
//======================================================================================
include "login_check.php";
//======================================================================================
// Get session variables
//======================================================================================
include "include/getsession.php";
// include "include/uuid_create.php";
// include "include/generate_password_md5.php";
//======================================================================================
// Set language
//======================================================================================
include "include/set_language.php";
//======================================================================================
// Set defaults
//======================================================================================
// $pk_reference = $_SESSION['session_dft_pk_reference'];
// $referenceCode = $_SESSION['session_dft_referencecode'];
// $referenceName = $_SESSION['session_dft_referencename'];
//======================================================================================
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title><?php echo $datahub_text0001 ?></title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="REEFTvisual - Stoptime">
<meta name="author" content="REEFT A/S">
<link rel="icon" href="images/favicon/favicon.ico">
<!-- Bootstrap / jQuery -->
<link href="css/bootstrap4.3.1/css/bootstrap.custom.min.css" rel="stylesheet">
<link href="css/bootstrap4.3.1/css/themes/bootstrap.custom.min.css" rel="stylesheet">
<link href="css/bootstrap4.3.1/css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/sticky-footer.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template -->
<link href="css/custom.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script src="css/fontawesome6.5.1/js/all.min.js"></script>
<script src="css/fontawesome6.5.1/js/sharp-light.min.js"></script>
<script src="css/fontawesome6.5.1/js/sharp-regular.min.js"></script>
<script src="css/fontawesome6.5.1/js/sharp-solid.min.js"></script>
<script src="css/fontawesome6.5.1/js/sharp-thin.min.js"></script>
<link href="css/bootstrap_animation/css/animate4/animate.css" rel="stylesheet" type="text/css">
<!--<link href="javascript/chosen/chosen.css" rel="stylesheet" type="text/css">-->
<link href="javascript/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css"/>
<script src="javascript/jquery.js"></script>
<script src="css/bootstrap4.3.1/js/popper.js"></script>
<script src="css/bootstrap4.3.1/js/bootstrap.min.js"></script>
<script src="javascript/jquery-ui/jquery-ui.min.js"></script>
<script src="javascript/jquery.ui.touch-punch.min.js"></script>
<link href="javascript/bgrins-spectrum/spectrum.css" rel="stylesheet" type="text/css">
<script src="javascript/bgrins-spectrum/spectrum.js"></script>
<script src="javascript/moment.min.js"></script>
<script src="javascript/moment-with-locales.min.js"></script>
<script src="javascript/moment-duration-format.min.js"></script>
<script src="javascript/number_format/jquery.number.min.js"></script>
<script src="javascript/jquery.scrollTo.min.js"></script>
<!-- Data tables start -->
<link href="javascript/datatables.3.12/datatables.min.css" rel="stylesheet">
<script src="javascript/datatables.3.12/datatables.min.js"></script>
<!-- Data tables end -->
<script src="javascript/chosen/chosen.jquery.min.js" type="text/javascript"></script>
<script src="javascript/viewer-master/dist/viewer.min.js"></script>
<link href="javascript/viewer-master/dist/viewer.min.css" rel="stylesheet">
<script src="javascript/ajaxq/ajaxq.js"></script>
<link id="scrollUpTheme" rel="stylesheet" href="javascript/scrollup-master/dist/css/themes/image.css">
<script src="javascript/scrollup-master/dist/jquery.scrollUp.js"></script>
<script src="javascript/shortcut.js"></script>
<script src="javascript/_reeft_js/set_font_awesome_icon_type.js"></script>
<script src="javascript/_reeft_js/date_convert.js"></script>
<style>
.btn-custom-wide {
height:60px;
width:210px;
}
.btn-custom-table {
width:310px;
}
.text-truncate-dt {
max-width: 450px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.overflow-class {
width: 100%;
height:700px;
/*max-height: calc(100vh - 283px);*/
overflow-y: scroll;
overflow-x: hidden;
}
.overflow-class-super {
width: 100%;
/*max-height: calc(100vh - 400px);*/
height:600px;
overflow-y: scroll;
overflow-x: hidden;
}
.text-align-dt {
text-align: center;
}
.modal-xxl {
max-width: 80%;
}
.modal-xl {
max-width: 50%;
}
.border-3 {
border-width:3px !important;
}
td .hover-img {
position:relative;
}
td .hover-img span {
position:absolute; left:-9999px; top:-9999px; z-index:9999;
}
td:hover .hover-img span {
top: 5px;
left:0px;
}
.chosen-container-single {
min-width: 100%;
}
</style>
<script language="JavaScript">
//=============================================================================
// Globals
//=============================================================================
var thisCurrentRow;
var thisGlobalRowData;
var thisGlobalTableData;
var HTMLline02 = '';
var HTMLline03 = '';
var GLOBAL_CONFIG_TYPE_BUTTON_TEXT_A = 'Text/Char';
var GLOBAL_CONFIG_TYPE_BUTTON_TEXT_N = 'Number/Value';
var GLOBAL_CONFIG_TYPE_BUTTON_TEXT_L = 'Date (ISO)';
var GLOBAL_CONFIG_TYPE_BUTTON_TEXT_T = 'Time (ISO)';
// Save field
var save_FILE_NAME = '';
var global_debug = 'N';
// Add allowed Y/N
var GLOBAL_ADD_ALLOWED = 'N';
// Show group buttons
var GLOBAL_SHOW_GROUP_BUTTONS = 'N';
var GLOBAL_SHOW_GROUP_BUTTONS = 'Y';
// Delete allowed Y/N
var GLOBAL_DELETE_ALLOWED = 'N';
// sortMode
var GLOBAL_SORTMODE = 'DESC';
var DFT_DATE_DISPLAY_FORMAT = '<?php //echo $DFT_DATE_DISPLAY_FORMAT ?>';
var DFT_LANGUAGE = '<?php //echo $DFT_LANGUAGE ?>';
var GLOBAL_TOTALPAGESSTOPVALUE = 10;
// Save field
//var save_CFGNAM = '';
$(function () {
$.scrollUp({
scrollName: 'scrollUp', // Element ID
//topDistance: '1800', // Distance from top before showing element (px)
//topSpeed: 300, // Speed back to top (ms)
scrollDistance: '300', // Distance from top before showing element (px)
scrollSpeed: 300, // Speed back to top (ms)
animation: 'fade', // Fade, slide, none
animationInSpeed: 200, // Animation in speed (ms)
animationOutSpeed: 200, // Animation out speed (ms)
scrollText: false, //'Scroll to top', // Text for element
activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
});
});
//=============================================================================
// Get data
//=============================================================================
function getData( inputGetData )
{
// Reset, show all
if ( inputGetData == '*RESET' ) {
inputGetData = '';
//Clear search
thisGlobalTableData.search( '' );
}
// $('#REEFTvisual_data').DataTable().clear().destroy();
// setDataTables();
//Only initialize datatables once, else just draw it
if ( $.fn.dataTable.isDataTable( '#REEFTvisual_data' ))
{
thisGlobalTableData.draw(); // fire in the hole
}
else {
setDataTables();
}
}
//=============================================================================
// Set datatables
//=============================================================================
function setDataTables()
{
// Delete allowed?
if ( GLOBAL_DELETE_ALLOWED == 'Y' ) {
var show_the_delete_button = true;
} else {
var show_the_delete_button = false;
}
new $('#REEFTvisual_data').DataTable({
"ajax": {
"url": 'hub_import_done_maintain_get.php',
"type": "POST",
"data": function (parmData) {
// Add custom parameters to the ajax call
input_FILE_NAME = $('#input-FILE_NAME').val();
dir_name = $('#input-dir-name').val();
what_to_call = $('#input-what-to-call').val();
number_of_files = $('#input-number_of_files').val();
var fromDate = $('#input-fromdate').val();
var toDate = $('#input-todate').val();
// Extra params
parmData.FILE_NAME = input_FILE_NAME;
parmData.dir_name = dir_name;
parmData.what_to_call = what_to_call;
parmData.number_of_files = number_of_files;
parmData.fromdate = fromDate;
parmData.todate = toDate;
},
dataSrc: function (jsonData) { //return data
var rpyCMPNO = jsonData.header.rpyCMPNO;
var rpyCMPNO_Name = jsonData.header.rpyCMPNO_Name;
var rpyFile_name = jsonData.header.rpyFile_name
var rpyFile_description = jsonData.header.rpyFile_description
var rpyTableRecordsFound = jsonData.header.rpyTableRecordsFound
var returnCode = jsonData.header.returnCode;
var returnMsg = jsonData.header.returnMsg;
var entries_found = jsonData.header.entries_found;
var response_sec = jsonData.header.response_sec;
// Show load time
$('#text-total-records-found').html( rpyTableRecordsFound );
$('#load-time-from-database').html('entries found: ' + entries_found + ' (' + response_sec + ')');
// Set Company and file information
if ( rpyFile_name != '' ) {
$('#data-hub-company-information').html( '<span title="' + rpyFile_name + ' - ' + rpyFile_description + '">' + rpyCMPNO_Name + ' (' + rpyCMPNO + ')' + '</span>' ).css('font-size','1.3em');
}
// Init button line fields
var HTMLlineButtons = '';
var HTMLlineButtonsModal = '';
var selectedButtonClass = 'btn-dark';
// Get name of search item
input_FILE_NAME = $('#input-FILE_NAME').val();
return jsonData.data;
}
},
searching: false,
processing: true,
serverSide: true,
responsive: true,
fixedHeader: true,
order: [[ 0, "desc" ]],
columns:
[
{ data: "CREATE_TIMESTAMP" }, // 0
{
// 1
// Since we are combining multiple data fields, use null as the data source
data: null,
render: function (data, type, row, meta)
{
// Create report button
var FILE_NAME = row.FILE_NAME;
var OBJECT_TYPE = row.OBJECT_TYPE;
if ( OBJECT_TYPE == '*DIR' ) {
var myButton = '<button type="button" id="showdir-' + row.FILE_NAME + '" class="btn-custom-table text-truncate show-dir-btn btn btn-primary mr-1">' + FILE_NAME + '</button>';
} else {
var myButton = '<button type="button" id="showdir-' + row.FILE_NAME + '" class="btn-custom-table text-truncate list-file-btn btn btn-dark mr-1">' + FILE_NAME + '</button>';
}
return myButton;
}
},
{
// 1
// Since we are combining multiple data fields, use null as the data source
data: null,
render: function (data, type, row, meta)
{
// Create report button
var PATH_NAME = row.PATH_NAME;
var myButton = '<span class="" title="Copy to clipboard" onclick="copyToClipBoard(\'' + PATH_NAME + '\',\'' + 'WRKLNK' + '\')">' + '<i class="fa-thin fa-clipboard"></i>' + '</span>';
//var myButton = '<button type="button" id="showdir-' + row.FILE_NAME + '" class="show-dir-btn btn btn-primary btn-block mr-1">' + FILE_NAME + '</button>';
return myButton + ' ' + PATH_NAME;
}
},
// { data: "PATH_NAME" }, // 2
{ data: "OBJECT_TYPE" }, // 3
{ data: "OBJECT_OWNER" }, // 4
{ data: "DATA_SIZE_KB" }, // 5
{
// 6
// Since we are combining multiple data fields, use null as the data source
data: null,
render: function (data, type, row, meta)
{
return row.CCSID + ' / ' + row.CODE_PAGE;
}
},
{ data: "FILE_COUNT" }, // 7
{ data: "ACCESS_TIMESTAMP" }, // 8
{
// 9
// Since we are combining multiple data fields, use null as the data source
data: null,
render: function (data, type, row, meta)
{
// Create report button
var FILE_NAME = row.FILE_NAME;
var OBJECT_TYPE = row.OBJECT_TYPE;
var myButton = '<button type="button" id="showdir-' + row.FILE_NAME + '" class="display-btn btn btn-primary btn-block mr-1"><?php echo $datahub_button_show_details ?></button>';
return myButton;
}
},
{ data: "CREATE_TIMESTAMP_ORG" }, // 10
{ data: "LAST_USED_TIMESTAMP_ORG" }, // 11
{ data: "LAST_USED_TIMESTAMP" }, // 12
{ data: "ACCESS_TIMESTAMP_ORG" }, // 13
{ data: "ACCESS_TIMESTAMP" } , // 14
{ data: "DAYS_USED_COUNT" }, // 15
{ data: "OBJECT_READ_ONLY" }, // 16
{ data: "OBJECT_HIDDEN" }, // 17
],
columnDefs: [
// Make sure that buttons are not "hided" when responsive kicks in
{ responsivePriority: 1, targets: 9 },
{ responsivePriority: 2, targets: 10 },
// Make sure the sorts toggle asc/desc and not asc/desc/no-sort
{ orderSequence: ['asc', 'desc'], targets: [0,7] },
// {
// "targets": [ 1 ],
// "visible": true,
// "max-width": '130px',
// "searchable": false,
// "orderable": false
// },
// {
// "targets": [ 10 ],
// "visible": show_the_delete_button,
// "searchable": false,
// "orderable": false
// },
{
"targets": [ 4 ],
"className": "text-truncate-dt" //class to mimic text-truncate in dt
},
{
"targets": [ 0,7 ],
"visible": true,
"searchable": true,
"orderable": true
},
{
"targets": [ 1,2,3,4,5,6,7,8,9 ],
"visible": true,
"searchable": false,
"orderable": false
},
{
"targets": [ 10,11,12,13,14,15,16,17 ],
"visible": false,
"searchable": false,
"orderable": false
},
{
"targets": [ 0,1,2 ],
"width": '200px',
"className": "text-align-dt text-truncate-dt"
},
{
"targets": [ 3,4,5,6,7,8 ],
"width": '60px',
"className": "text-align-dt text-truncate-dt"
},
],
pageLength: 10,
lengthChange: true,
layout: {
top1Start: [{
pageLength: {
menu: [5,10, 25, 50, 100, 250]
}
}],
top1End: [{
search: {
placeholder: '<?php echo $datahub_datatable_Search_text ?>',
processing: true
}
}],
topStart: {
info:{
}
},
topEnd: {
paging: {
buttons: 7,
firstLast: true,
boundaryNumbers: true,
}
},
bottomStart: {
buttons: [
{
extend: 'copyHtml5',
text: '<img src="images/copy.png" height="25"> Copy to Clipboard',
titleAttr: 'Copy',
title: 'DATAHUB - Config Data Export - Copy to clipboard',
exportOptions: {
// Fields to export (https://datatables.net/reference/button/csv#Examples)
columns: [0,1,2,3,4,5,6,7]
}
},
{
extend: 'excelHtml5',
text: '<img src="images/microsoft_excel_logo.png" height="25"> Excel',
titleAttr: 'Excel',
title: function(){
return 'DATAHUB transactions file export';
},
filename: function(){
//var p_id = $('#input-FILE_NAME').val();
var p_id = moment().format('YYYY-MM-DD HH.mm.ss');
return 'DATAHUB - Config Data Export - Excel - ' + p_id;
},
exportOptions: {
// Fields to export (https://datatables.net/reference/button/csv#Examples)
columns: [0,1,2,3,4,5,6,7]
}
},
{
extend: 'pdfHtml5',
text: '<img src="images/pdf_logo.png" height="25"> PDF',
titleAttr: 'PDF',
orientation: 'landscape',
title: 'DATAHUB - Config Data Export - PDF',
filename: function(){
//var p_id = $('#input-FILE_NAME').val();
var p_id = moment().format('YYYY-MM-DD HH.mm.ss');
return 'DATAHUB - Config Data Export - Excel - ' + p_id;
},
exportOptions: {
// Fields to export (https://datatables.net/reference/button/csv#Examples)
columns: [0,1,2,3,4,5,6,7],
modifier: {
page: 'all'
}
}
}
]
},
bottomEnd: {
paging: {
buttons: 7,
firstLast: true,
boundaryNumbers: true
}
}
},
language:
{
"decimal": ",",
"thousands": ".",
"emptyTable": "<?php echo $datahub_datatable_emptyTable ?>",
"info": "<?php echo $datahub_datatable_Info ?>",
"infoEmpty": "<?php echo $datahub_datatable_InfoEmpty ?>",
"InfoFiltered": "<?php echo $datahub_datatable_InfoFiltered ?>",
"infoPostFix": "",
"lengthMenu": "<?php echo $datahub_datatable_LengthMenu ?>",
"loadingRecords": "",
"processing": "<?php echo $datahub_datatable_Processing ?>",
"search": "<?php echo $datahub_datatable_Search ?>",
"zeroRecords": "<?php echo $datahub_datatable_ZeroRecords ?>",
"paginate":
{
"first": "<?php echo $datahub_datatable_First ?>",
"last": "<?php echo $datahub_datatable_Last ?>",
"next": "<?php echo $datahub_datatable_Next ?>",
"previous": "<?php echo $datahub_datatable_Previous ?>"
},
"aria": {
"orderable": "Order by this column",
"orderableReverse": "Reverse order this column"
}
},
"rowCallback": function(row, data, index)
{
},
"preDrawCallback": function(settings)
{
},
"initComplete": function ()
{
}
});
//=============================================================================
// Setup the data to be able to update the table without reloading from the server
//=============================================================================
// Save the table in a global variable
thisGlobalTableData = $('#REEFTvisual_data').DataTable();
// Handle click on "Display" button
$('#REEFTvisual_data tbody').on('click', '.display-btn', function() {
thisCurrentRow = $(this).closest('tr');
thisGlobalRowData = thisGlobalTableData.row(thisCurrentRow).data();
dataChange();
});
// Handle click on "Show dir" button
$('#REEFTvisual_data tbody').on('click', '.show-dir-btn', function() {
thisCurrentRow = $(this).closest('tr');
thisGlobalRowData = thisGlobalTableData.row(thisCurrentRow).data();
setWebserviceSearch('*SHOW_DIR');
});
// Handle click on "List file" button
$('#REEFTvisual_data tbody').on('click', '.list-file-btn', function() {
thisCurrentRow = $(this).closest('tr');
thisGlobalRowData = thisGlobalTableData.row(thisCurrentRow).data();
dataListIFSfilePrompt('*NORMAL');
});
//=============================================================================
//=============================================================================
// Place curor in search field - the wrapper id is provided by datatables - debug it!
//=============================================================================
$('#REEFTvisual_data_wrapper div.dt-search .dt-input').focus();
//=============================================================================
}
//=============================================================================
// Set datatables
//=============================================================================
function setDataTablesSuperSearch()
{
$('#REEFTvisual-data-super-search').DataTable({
processing: true,
serverSide: false,
responsive: true,
fixedHeader: true,
order: [[ 0, "desc" ]],
columnDefs: [
// Make sure that buttons are not "hided" when responsive kicks in
{ responsivePriority: 1, targets: 0 },
{ responsivePriority: 2, targets: 1 },
// Make sure the sorts toggle asc/desc and not asc/desc/no-sort
{ orderSequence: ['asc', 'desc'], targets: [0,7] },
{
"targets": [ 4 ],
"className": "text-truncate-dt" //class to mimic text-truncate in dt
},
{
"targets": [ 0,1,3,4,5,6 ],
"visible": true,
"searchable": true,
"orderable": true
},
{
"targets": [ 2,8 ],
"visible": false,
"searchable": true,
"orderable": true
},
{
"targets": [ 2 ],
"width": '120px',
"className": "text-align-dt text-truncate-dt"
},
],
pageLength: 50,
lengthChange: true,
layout: {
top1Start: [{
pageLength: {
menu: [5,10, 25, 50, 100, 250]
}
}],
top1End: [{
search: {
placeholder: '<?php echo $datahub_datatable_Search_text ?>',
processing: true
}
}],
topStart: {
info:{
}
},
topEnd: {
paging: {
buttons: 12,
firstLast: true,
boundaryNumbers: true,
}
},
bottomStart: {
buttons: [
{
extend: 'copyHtml5',
text: '<img src="images/copy.png" height="25"> Copy to Clipboard',
titleAttr: 'Copy',
title: 'DATAHUB - Config Data Export - Copy to clipboard',
exportOptions: {
// Fields to export (https://datatables.net/reference/button/csv#Examples)
columns: [0,1,2,3,4,5,6,7]
}
},
{
extend: 'excelHtml5',
text: '<img src="images/microsoft_excel_logo.png" height="25"> Excel',
titleAttr: 'Excel',
title: function(){
return 'DATAHUB transactions file export';
},
filename: function(){
//var p_id = $('#input-FILE_NAME').val();
var p_id = moment().format('YYYY-MM-DD HH.mm.ss');
return 'DATAHUB - Config Data Export - Excel - ' + p_id;
},
exportOptions: {
// Fields to export (https://datatables.net/reference/button/csv#Examples)
columns: [0,1,2,3,4,5,6,7]
}
},
{
extend: 'pdfHtml5',
text: '<img src="images/pdf_logo.png" height="25"> PDF',
titleAttr: 'PDF',
orientation: 'landscape',
title: 'DATAHUB - Config Data Export - PDF',
filename: function(){
//var p_id = $('#input-FILE_NAME').val();
var p_id = moment().format('YYYY-MM-DD HH.mm.ss');
return 'DATAHUB - Config Data Export - Excel - ' + p_id;
},
exportOptions: {
// Fields to export (https://datatables.net/reference/button/csv#Examples)
columns: [0,1,2,3,4,5,6,7],
modifier: {
page: 'all'
}
}
}
]
},
bottomEnd: {
paging: {
buttons: 7,
firstLast: true,
boundaryNumbers: true
}
}
},
language:
{
"decimal": ",",
"thousands": ".",
"emptyTable": "<?php echo $datahub_datatable_emptyTable ?>",
"info": "<?php echo $datahub_datatable_Info ?>",
"infoEmpty": "<?php echo $datahub_datatable_InfoEmpty ?>",
"InfoFiltered": "<?php echo $datahub_datatable_InfoFiltered ?>",
"infoPostFix": "",
"lengthMenu": "<?php echo $datahub_datatable_LengthMenu ?>",
"loadingRecords": "",
"processing": "<?php echo $datahub_datatable_Processing ?>",
"search": "<?php echo $datahub_datatable_Search ?>",
"zeroRecords": "<?php echo $datahub_datatable_ZeroRecords ?>",
"paginate":
{
"first": "<?php echo $datahub_datatable_First ?>",
"last": "<?php echo $datahub_datatable_Last ?>",
"next": "<?php echo $datahub_datatable_Next ?>",
"previous": "<?php echo $datahub_datatable_Previous ?>"
},
"aria": {
"orderable": "Order by this column",
"orderableReverse": "Reverse order this column"
}
},
"rowCallback": function(row, data, index)
{
},
"preDrawCallback": function(settings)
{
},
"initComplete": function ()
{
}
});
//=============================================================================
// Setup the data to be able to update the table without reloading from the server
//=============================================================================
// Save the table in a global variable
// thisGlobalTableDataSuperSearch = $('#REEFTvisual-data-super-search').DataTable();
// // Handle click on "List file" button
// $('#REEFTvisual-data-super-search tbody').on('click', '.list-super-file-btn', function() {
// thisCurrentRow = $(this).closest('tr');
// thisGlobalRowData = thisGlobalTableDataSuperSearch.row(thisCurrentRow).data();
// console.table(thisGlobalRowData)
// dataListIFSfilePrompt('*SUPER');
// });
//=============================================================================
//=============================================================================
// Place curor in search field - the wrapper id is provided by datatables - debug it!
//=============================================================================
//$('#REEFTvisual-data-super-search_wrapper div.dt-search .dt-input').focus();
//=============================================================================
}
//=============================================================================
// Set datatables for super search
//=============================================================================
function setDataTablesSuperSearchXXX()
{
$('#REEFTvisual-data-super-search').DataTable({
"responsive": true,
"fixedHeader": true,
"lengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
"iDisplayLength": 25,
"processing": true,
"dom": '',
//"dom": 'lfi<bottom>Bp<"clear">',
"order": [[ 1, "asc" ]],
"columnDefs": [
{
"targets": [ 0,1,2,3,4,5,6,7 ],
"visible": true,
"searchable": true,
"orderable": true
}
],
"language":
{
"sProcessing": "<?php echo $datahub_datatable_Processing ?>",
"sLengthMenu": "<?php echo $datahub_datatable_LengthMenu ?>",
"sZeroRecords": "<?php echo $datahub_datatable_ZeroRecords ?>",
"sInfo": "<?php echo $datahub_datatable_Info ?>",
"sInfoEmpty": "<?php echo $datahub_datatable_InfoEmpty ?>",
"sInfoFiltered": "<?php echo $datahub_datatable_InfoFiltered ?>",
"sInfoPostFix": "<?php echo $datahub_datatable_InfoPostFix ?>",
"sLoadingRecords": "<?php echo $datahub_datatable_Processing ?>",
"sSearch": "<?php echo $datahub_datatable_Search ?>",
"sUrl": "<?php echo $datahub_datatable_Url ?>",
"oPaginate": {
"sFirst": "<?php echo $datahub_datatable_First ?>",
"sPrevious": "<?php echo $datahub_datatable_Previous ?>",
"sNext": "<?php echo $datahub_datatable_Next ?>",
"sLast": "<?php echo $datahub_datatable_Last ?>"
}
},
"rowCallback": function(row, data, index)
{
},
"preDrawCallback": function(settings)
{
},
"initComplete": function ()
{
},
"buttons": [
{
extend: 'pdf',
text: '<img src="images/pdf_logo.png" height="25"> PDF',
orientation: 'landscape',
title: 'HUB_WA0356 - Data Export - PDF',
exportOptions: {
modifier: {
page: 'all'
}
}
},
{
extend: 'excel',
text: '<img src="images/microsoft_excel_logo.png" height="25"> Excel',
title: 'HUB_WA0356 Data Export - Excel',
},
{
extend: 'copy',
text: '<img src="images/copy.png" height="25"> Copy to Clipboard',
title: 'HUB_WA0356 Data Export - Copy',
},
]
});
}
//=============================================================================
// Show details
//=============================================================================
function dataChange( )
{
var row = thisGlobalRowData;
//console.table(row);
// Save in fields
var counter_total = row["counter_total"];
var FILE_NAME = row["FILE_NAME"];
var PATH_NAME = row["PATH_NAME"];
var OBJECT_TYPE = row["OBJECT_TYPE"];
var CREATE_TIMESTAMP_ORG = row["CREATE_TIMESTAMP_ORG"];
var CREATE_TIMESTAMP = row["CREATE_TIMESTAMP"];
var LAST_USED_TIMESTAMP_ORG = row["LAST_USED_TIMESTAMP_ORG"];
var LAST_USED_TIMESTAMP = row["LAST_USED_TIMESTAMP"];
var ACCESS_TIMESTAMP_ORG = row["ACCESS_TIMESTAMP_ORG"];
var ACCESS_TIMESTAMP = row["ACCESS_TIMESTAMP"];
var DATA_SIZE = row["DATA_SIZE"];
var DATA_SIZE_KB = row["DATA_SIZE_KB"];
var CCSID = row["CCSID"];
var CODE_PAGE = row["CODE_PAGE"];
var DAYS_USED_COUNT = row["DAYS_USED_COUNT"];
var OBJECT_READ_ONLY = row["OBJECT_READ_ONLY"];
var OBJECT_HIDDEN = row["OBJECT_HIDDEN"];
var OBJECT_OWNER = row["OBJECT_OWNER"];
var FILE_COUNT = row["FILE_COUNT"];
var rpyBaseURL = row["rpyBaseURL"];
var rpyURL = row["rpyURL"];
$('#input-mode').val('*update');
// Create download link
if ( OBJECT_TYPE != '*DIR' ) {
if ( rpyURL != '' ) {
$('#modal-download-current-file').html( '<a title="Download" download target="_blank" class="btn btn-dark" href="' + rpyURL + '">' + '<i class="fa-thin fa-download"></i>' + ' ' + FILE_NAME + '</a>' );
}
} else {
$('#modal-download-current-file').html('');
}
save_FILE_NAME = FILE_NAME;
save_PATH_NAME = PATH_NAME;
// Save in fields
$('#modal-input-counter_total').val(counter_total);
$('#modal-input-FILE_NAME').val(FILE_NAME);
$('#modal-input-PATH_NAME').val(PATH_NAME);
$('#modal-input-OBJECT_TYPE').val(OBJECT_TYPE);
$('#modal-input-CREATE_TIMESTAMP_ORG').val(CREATE_TIMESTAMP_ORG);
$('#modal-input-CREATE_TIMESTAMP').val(CREATE_TIMESTAMP);
$('#modal-input-LAST_USED_TIMESTAMP_ORG').val(LAST_USED_TIMESTAMP_ORG);
$('#modal-input-LAST_USED_TIMESTAMP').val(LAST_USED_TIMESTAMP);
$('#modal-input-ACCESS_TIMESTAMP_ORG').val(ACCESS_TIMESTAMP_ORG);
$('#modal-input-ACCESS_TIMESTAMP').val(ACCESS_TIMESTAMP);
$('#modal-input-DATA_SIZE').val(DATA_SIZE);
$('#modal-input-DATA_SIZE_KB').val(DATA_SIZE_KB);
$('#modal-input-CCSID').val(CCSID);
$('#modal-input-CODE_PAGE').val(CODE_PAGE);
$('#modal-input-DAYS_USED_COUNT').val(DAYS_USED_COUNT);
$('#modal-input-OBJECT_READ_ONLY').val(OBJECT_READ_ONLY);
$('#modal-input-OBJECT_HIDDEN').val(OBJECT_HIDDEN);
$('#modal-input-OBJECT_OWNER').val(OBJECT_OWNER);
$('#modal-input-FILE_COUNT').val(FILE_COUNT);
// Make key fields readonly
$('#modal-input-FILE_NAME').attr('readonly','readonly');
$('#data-result-button-group-modal').removeClass('d-none');
$('.read-only-class').attr('readonly','readonly');
// Reset modal message
resetModalMessage();
// Show modal
$('#import_done_MaintainModal').modal('show');
$('#import_done_MaintainModal').on('shown.bs.modal', function () {
})
}
//=============================================================================
// Show details - modal
//=============================================================================
function dataListIFSfilePromptSuper( filename, filepath )
{
$('#input-super-filename').val( filename );
$('#input-super-filepath').val( filepath );
dataListIFSfilePrompt('*SUPER');
}
//=============================================================================
// Show details - modal
//=============================================================================
function dataListIFSfilePrompt( search_type )
{
$('#input-search-type').val( search_type );
$('#input-modal-list-current-file-pRpyNextOffSet').val( '0');
$('#modal-ifs-list-data-result').html('');
$('#modal-ifs-list-messasge').html( '' );
HTMLline02 = '';
dataListIFSfileExec();
// Show modal
$('#import_done_listIFSfileModal').modal('show');
$('#import_done_listIFSfileModal').one('shown.bs.modal', function () {
scrollToSomething( 'target' );
})
}
//=============================================================================
// Show details
//=============================================================================
function dataListIFSfileExec()
{
$('#modal-ifs-list-progress').html('<span style="color: crimson">Loading data, please wait</span>');
// Get search type
var search_type = $('#input-search-type').val();
if ( search_type == '*SUPER' ) {
var FILE_NAME = $('#input-super-filename').val();
var PATH_NAME = $('#input-super-filepath').val();
//closeModalIFSlistSuperSearch();
} else {
var row = thisGlobalRowData;
//console.table(row)
var FILE_NAME = row["FILE_NAME"];
var PATH_NAME = row["PATH_NAME"];
}
// Current offset
var nextOffSet = $('#input-modal-list-current-file-pRpyNextOffSet').val();
// Set some header info
$('#modal-list-current-file').html( '<span title="' + PATH_NAME + '">' + FILE_NAME + '</span>' );
var parmData = 'FILE_NAME=' + FILE_NAME
+ '&what_to_call=' + '*FILEPATH'
+ '&dir_name=' + FILE_NAME
+ '&ifs_file_path=' + PATH_NAME
+ '&nextOffSet=' + nextOffSet
;
//alert(parmData);
$.ajax({
url: "hub_import_done_file_maintain_get.php",
type: "GET",
data: parmData,
dataType: "json",
cache: false,
})
.done(function( jsonData ) {
var rpyTotalRecordsFound = jsonData.header.rpyTotalRecordsFound;
var pRpyNextOffSet = jsonData.header.pRpyNextOffSet;
var lastLineNumber = jsonData.header.lastLineNumber;
var pFileName = jsonData.header.pFileName;
var rpyBaseURL = jsonData.header.rpyBaseURL;
var rpyURL = jsonData.header.rpyURL;
$('#input-modal-list-current-file-pRpyNextOffSet').val( pRpyNextOffSet );
$('#input-base-url').val( rpyBaseURL );
// Create download link
if ( rpyURL != '' ) {
$('#modal-list-download-current-file').html( '<a title="Download" download target="_blank" class="btn btn-dark" href="' + rpyURL + '">' + '<i class="fa-thin fa-download"></i>' + ' ' + pFileName + '</a>' );
}
$.each( jsonData.data, function( index, object ){
var LINE_NUMBER = object.LINE_NUMBER;
var LINE = object.LINE;
if ( LINE_NUMBER == 1 ) {
var b_start = '<b>';
var b_stop = '</b>';
} else {
var b_start = '';
var b_stop = '';
}
HTMLline02 += '<span class="" style="color:#B4B4B4">'
+ LINE_NUMBER
+ '</span>'
+ ' '
+ b_start
+ LINE
+ b_stop
+ '<br>'
});
// Show yourself to the world, you little fvcker
$('#modal-ifs-list-data-result').html(HTMLline02);
// Make key fields readonly
$('#modal-input-FILE_NAME').attr('readonly','readonly');
$('#data-result-button-group-modal').removeClass('d-none');
$('.read-only-class').attr('readonly','readonly');
// Reset modal message
resetModalMessage();
if ( parseInt(lastLineNumber) > 0 ) {
$('#modal-ifs-list-progress').html( 'Reocrds shown: ' + lastLineNumber );
$('#modal-ifs-list-messasge').html( '' );
$('#input-modal-last-line-number').val(lastLineNumber);
if ( parseInt(lastLineNumber) < parseInt(pRpyNextOffSet) ) {
$('#modal-ifs-list-messasge').html( 'All data shown...' );
}
} else {
$('#modal-ifs-list-progress').html( 'Reocrds shown: ' + $('#input-modal-last-line-number').val() );
$('#modal-ifs-list-messasge').html( 'All data shown...' );
}
})
.always(function( jsonData ) {
})
.fail(function( xhr, ajaxOptions, thrownError ) {
console.log('I am failed..');
console.log( thrownError );
console.log( xhr );
});
}
//=============================================================================
// Show details - modal
//=============================================================================
function dataListIFSfileWaitPrompt()
{
$('#modal-ifs-super-search-data-result').html('');
$('#modal-ifs-super-search-list-messasge').html( ' ' );
$('#input-what-to-call').val( '*WAITING_FOR_IMPORT' );
HTMLline03 = '';
// Set header
$('#import_super-search_IFSfileModalLabel-text').html( '<?php echo $datahub_text0208 ?> ?' );
//-----------------------------------------------------------------------
// Hide from/to date
//-----------------------------------------------------------------------
$('#import_super-search_IFSfileModal-date-wrapper').addClass('d-none');
$('#modal-super-search-button').addClass('d-none');
//-----------------------------------------------------------------------
// From / to datetime
//-----------------------------------------------------------------------
var defaultFromDateTime = moment().subtract(2, 'month').format("YYYY-MM-DD" + ' ' + '04:00:01');
var defaultToDateTime = moment().add(1, 'day').format("YYYY-MM-DD" + ' ' + '23:59:59');
$('#modal-super-search-input-from-date-time').val( defaultFromDateTime );
$('#modal-super-search-input-to-date-time').val( defaultToDateTime );
//-----------------------------------------------------------------------
dataListIFSfileSuperExec();
// Hide the data container as it looks like shite when empty
$('#import_super-search_IFSfileModal-data-wrapper').addClass('d-none');
$('#modal-super-footer-id').addClass('d-none');
// Show modal
$('#import_super-search_IFSfileModal').modal('show');
$('#import_super-search_IFSfileModal').one('shown.bs.modal', function () {
$('#modal-super-search-input').trigger('focus');
})
}
//=============================================================================
// Show details - modal
//=============================================================================
function dataListIFSfileSuperPrompt()
{
HTMLline03 = '';
$('#modal-ifs-super-search-data-result').html('');
$('#modal-ifs-super-search-list-messasge').html( ' ' );
$('#input-what-to-call').val( '*SUPERSEARCH' );
// Set header
$('#import_super-search_IFSfileModalLabel-text').html( '<?php echo $datahub_text0207 ?>' );
//-----------------------------------------------------------------------
// Show from/to date
//-----------------------------------------------------------------------
$('#import_super-search_IFSfileModal-date-wrapper').removeClass('d-none');
$('#modal-super-search-button').removeClass('d-none');
//-----------------------------------------------------------------------
// From / to datetime
//-----------------------------------------------------------------------
var defaultFromDateTime = moment().subtract(2, 'month').format("YYYY-MM-DD" + ' ' + '04:00:01');
var defaultToDateTime = moment().add(1, 'day').format("YYYY-MM-DD" + ' ' + '23:59:59');
$('#modal-super-search-input-from-date-time').val( defaultFromDateTime );
$('#modal-super-search-input-to-date-time').val( defaultToDateTime );
//-----------------------------------------------------------------------
//dataListIFSfileSuperExec();
// Hide the data container as it looks like shite when empty
//$('#import_super-search_IFSfileModal-data-wrapper').addClass('d-none');
//$('#modal-super-footer-id').addClass('d-none');
// Show modal
$('#import_super-search_IFSfileModal').modal('show');
$('#import_super-search_IFSfileModal').one('shown.bs.modal', function () {
$('#modal-super-search-input').trigger('focus');
})
}
//=============================================================================
// Show details
//=============================================================================
function dataListIFSfileSuperExec()
{
// Get input
var super_search_arg = $('#modal-super-search-input').val();
var super_fromtime = $('#modal-super-search-input-from-date-time').val();
var super_totime = $('#modal-super-search-input-to-date-time').val();
var what_to_call = $('#input-what-to-call').val();
// If want to show what to import, do not make any checks
if ( what_to_call == '*SUPERSEARCH' )
{
// Check content of fields
if ( super_search_arg == '' ) {
$('#modal-ifs-super-search-list-messasge').addClass('').html( '<?php echo $datahub_error0095 ?>' );
$('#modal-super-search-input').trigger('focus');
return false;
}
if ( super_fromtime > super_totime ) {
$('#modal-ifs-super-search-list-messasge').addClass('').html( '<?php echo $datahub_error0004 ?>' );
$('#modal-super-search-input-from-date-time').trigger('focus');
return false;
}
}
// Make screen pretty
$('#modal-ifs-super-search-list-messasge').html( ' ' );
$('#modal-ifs-super-search-list-progress').html('<span style="color: crimson">Loading data, please wait</span>');
var parmData = 'FILE_NAME=' + ''
+ '&what_to_call=' + what_to_call
+ '&dir_name=' + ''
+ '&ifs_file_path=' + ''
+ '&nextOffSet=' + 0
+ '&super_search_arg=' + super_search_arg
+ '&fromdatetime=' + super_fromtime
+ '&todatetime=' + super_totime
;
$.ajax({
url: "hub_import_done_maintain_get.php",
type: "GET",
data: parmData,
dataType: "json",
cache: false,
})
.done(function( jsonData ) {
var rpyTotalRecordsFound = jsonData.header.rpyTotalRecordsFound;
var pRpyNextOffSet = jsonData.header.pRpyNextOffSet;
var lastLineNumber = jsonData.header.lastLineNumber;
var pFileName = jsonData.header.pFileName;
var rpyBaseURL = jsonData.header.rpyBaseURL;
var rpyURL = jsonData.header.rpyURL;
// Create download link
// if ( rpyURL != '' ) {
// $('#modal-list-download-current-file').html( '<a title="Download" download target="_blank" class="btn btn-dark" href="' + rpyURL + '">' + '<i class="fa-thin fa-download"></i>' + ' ' + pFileName + '</a>' );
// }
HTMLline03 = '<table id="REEFTvisual-data-super-search" class="table nowrap table-bordered table-striped table-hover">'
+ '<thead>'
+ '<tr class="bg-primary text-white">'
+ '<th class="text-left"><?php echo $datahub_text0191 ?></th>'
+ '<th class="text-left"><?php echo $datahub_text0188 ?></th>'
+ '<th class="text-left"><?php echo $datahub_text0189 ?></th>'
+ '<th class="text-left"><?php echo $datahub_text0190 ?></th>'
+ '<th class="text-left"><?php echo $datahub_text0202 ?></th>'
+ '<th class="text-left"><?php echo $datahub_text0194 ?></th>'
+ '<th class="text-left"><?php echo "$datahub_text0195 / $datahub_text0196" ?></th>'
+ '<th class="text-center"><?php echo $datahub_text0209 ?></th>'
+ '<th class="text-center"><?php echo $datahub_text0189 ?></th>'
+ '</tr>'
+ '</thead>'
+ '<tbody>'
;
$.each( jsonData.data, function( index, object ){
// Save in fields
var counter_total = object.counter_total;
var FILE_NAME = object.FILE_NAME;
var PATH_NAME = object.PATH_NAME;
var OBJECT_TYPE = object.OBJECT_TYPE;
var CREATE_TIMESTAMP_ORG = object.CREATE_TIMESTAMP_ORG;
var CREATE_TIMESTAMP = object.CREATE_TIMESTAMP;
var LAST_USED_TIMESTAMP_ORG = object.LAST_USED_TIMESTAMP_ORG;
var LAST_USED_TIMESTAMP = object.LAST_USED_TIMESTAMP;
var ACCESS_TIMESTAMP_ORG = object.ACCESS_TIMESTAMP_ORG;
var ACCESS_TIMESTAMP = object.ACCESS_TIMESTAMP;
var DATA_SIZE = object.DATA_SIZE;
var DATA_SIZE_KB = object.DATA_SIZE_KB;
var CCSID = object.CCSID;
var CODE_PAGE = object.CODE_PAGE;
var DAYS_USED_COUNT = object.DAYS_USED_COUNT;
var OBJECT_READ_ONLY = object.OBJECT_READ_ONLY;
var OBJECT_HIDDEN = object.OBJECT_HIDDEN;
var OBJECT_OWNER = object.OBJECT_OWNER;
var FILE_COUNT = object.FILE_COUNT;
var rpyBaseURL = object.rpyBaseURL;
var rpyURL = object.rpyURL;
// Create link button
var myButton = '<button type="button" onclick="dataListIFSfilePromptSuper(\'' + FILE_NAME + '\',\'' + PATH_NAME + '\')" id="showdir-' + FILE_NAME + '" class="list-super-file-btn btn btn-dark btn-block mr-1">' + FILE_NAME + '</button>';
// Copy to Clipboard
// wrklnk + path
var wrklnkCommand = 'wrklnk' + ' ' + '\'' + PATH_NAME + '\'';
HTMLline03 += '<tr>'
+ '<td class="text-left">' + CREATE_TIMESTAMP +'</td>'
+ '<td class="text-left">' + myButton + '</td>'
+ '<td class="text-left">' + '<div onclick="copyToClipBoard(\'' + PATH_NAME + '\')">' + PATH_NAME + '</div>' +'</td>'
+ '<td class="text-left">' + OBJECT_TYPE + '</td>'
+ '<td class="text-left">' + OBJECT_OWNER + '</td>'
+ '<td class="text-left">' + DATA_SIZE_KB + '</td>'
+ '<td class="text-left">' + CCSID + ' / ' + CODE_PAGE + '</td>'
+ '<td class="text-left">'
+ '<span class="btn btn-dark" onclick="copyToClipBoard(\'' + PATH_NAME + '\',\'' + 'WRKLNK' + '\')">' + 'WRKLNK' + ' ' + '<i class="fa-thin fa-clipboard"></i>' + '</span>'
+ ' '
+ '<span class="btn btn-dark" onclick="copyToClipBoard(\'' + PATH_NAME + '\',\'' + 'PATHNAME' + '\')">' + 'PATH' + ' ' + '<i class="fa-thin fa-clipboard"></i>' + '</span>'
+ '</td>'
+ '<td class="text-left">' + rpyURL + '</td>'
+ '</tr>'
;
});
HTMLline03 += '</tbody>'
+ '</table>'
;
// Show yourself to the world, you little fvcker
$('#modal-ifs-super-search-data-result').html(HTMLline03);
// Show the data container
$('#import_super-search_IFSfileModal-data-wrapper').removeClass('d-none');
$('#modal-super-footer-id').removeClass('d-none');
// Remove message
$('#modal-ifs-super-search-list-progress').html(' ');
// Place cursor
$('#modal-super-search-input').trigger('focus').select();
// Set datatables
setDataTablesSuperSearch();
// Make key fields readonly
$('#modal-input-FILE_NAME').attr('readonly','readonly');
$('#data-result-button-group-modal').removeClass('d-none');
$('.read-only-class').attr('readonly','readonly');
// Reset modal message
resetModalMessage();
})
.always(function( jsonData ) {
})
.fail(function( xhr, ajaxOptions, thrownError ) {
console.log('I am failed..');
console.log( thrownError );
console.log( xhr );
});
}
//=============================================================================
// Delete confirm
//=============================================================================
function dataDeleteConfirm( )
{
$('#input-mode').val('*delete');
var row = thisGlobalRowData;
var input_FILE_NAME = row["FILE_NAME"];
$('#confirm-delete-FILE_NAME').val(input_FILE_NAME);
// Create confirm text
$('#confirm-delete-text-FILE_NAME').html(input_FILE_NAME);
$('#import_done_confirmDeleteModal').modal('show');
}
//=============================================================================
// Delete
//=============================================================================
function dataDeleteExec()
{
// Reset modal message
resetModalMessage();
var mode = $('#input-mode').val();
// Make array and json
var myData = $('#dataForm-delete').find('input, select').serializeArray();
var result = JSON.stringify(myData);
// console.log(result);
// console.log(myData);
//return;
var parmData = 'data=' + result
+ '&mode=' + mode
;
$.ajax({
url: "import_done_maintain_save.php",
type: "POST",
data: parmData,
dataType: "json",
cache: false,
})
.done(function( jsonData ) {
$('#import_done_confirmDeleteModal').modal('hide');
})
.always(function( jsonData ) {
})
.fail(function( xhr, ajaxOptions, thrownError ) {
console.log('I am failed..');
console.log( xhr );
});
}
//=============================================================================
// Show deleted
//=============================================================================
function showDeleted()
{
var show_deleted = $('#input-show-deleted').val();
if ( show_deleted == 'Y' ) {
$('#button-show-deleted').html('<?php echo $datahub_NO ?>');
$('#input-show-deleted').val('N');
} else {
$('#button-show-deleted').html('<?php echo $datahub_YES ?>');
$('#input-show-deleted').val('Y');
}
}
//=============================================================================
// Reset modal input fields
//=============================================================================
function resetModalInputFields()
{
$('#input-mode').val('');
}
//=============================================================================
// Log off
//=============================================================================
function signoff()
{
window.location.href = "logout.php";
}
//=============================================================================
// Load page
//=============================================================================
function loadPage(url, p1, p2, p3)
{
window.location.href = url;
}
//=============================================================================
// Reset modal message
//=============================================================================
function resetModalMessage() {
// Reset
//$('#modal-message').removeClass('p-2 font-weight-bold border border-danger rounded bg-light').html( ' ' );
$('#modal-message').removeClass('border-bottom').html( ' ' );
$('#modal-save-button').removeClass('disabled').prop("disabled", false);
}
//=============================================================================
// Reset modal message - report
//=============================================================================
function resetModalReportMessage() {
$('#modal-report-message').removeClass('border-bottom').html( ' ' );
//$('#modal-save-button').removeClass('disabled').prop("disabled", false);
}
//=============================================================================
// Clean input string
//=============================================================================
function cleanInputString( myWorkField )
{
let charactersToRemove = '?#"\'';
let myPattern = new RegExp('[' + charactersToRemove + ']', 'g');
myWorkField = myWorkField.replace(myPattern,'');
return myWorkField;
}
//=============================================================================
// Full screen popup
//=============================================================================
function popUpFull( url, p1, p2, p3 )
{
var winname = 'win_' + url;
params = 'width='+screen.width;
params += ', height='+screen.height;
params += ', top=0, left=0'
params += ', fullscreen=yes';
params += ',scrollbars=1';
overview_win = window.open(url,winname, params);
if (window.focus) {overview_win.trigger('focus')}
return false;
}
//=============================================================================
// screen popup - center
//=============================================================================
function popUpCenter(url, p1, p2, p3)
{
var v1_w = screen.availWidth;
var v1_h = screen.availHeight;
if ( parseInt(v1_w) > 1800 ) {
v1_w = 1800;
v1_h = v1_h - 200;
v1_center = v1_w/0.8;
}
// Center popup as good as possible
var left = (screen.width - v1_w) / 2;
var top = (screen.height - v1_h) / 4;
var winname = 'win_' + url;
params = 'width='+v1_w;
params += ', height='+v1_h;
params += ', top=' + top + ', left=' + left;
params += ', fullscreen=yes';
params += ',scrollbars=1';
overview_win = window.open(url,winname, params);
if (window.focus) {overview_win.trigger('focus')}
return false;
}
//=============================================================================
// screen popup - center - bigger
//=============================================================================
function popUpCenterBig(url, p1, p2, p3)
{
var v1_w = screen.availWidth;
var v1_h = screen.availHeight;
// Get 25%
v1_w_pct = v1_w * 0.25;
v1_w_new = v1_w - v1_w_pct;
if ( v1_w_new < 1 ) {
v1_w_new = 1800;
}
v1_w = v1_w_new;
v1_h = v1_h - 200;
v1_center = v1_w/0.8;
// Center popup as good as possible
var left = (screen.width - v1_w) / 2;
var top = (screen.height - v1_h) / 4;
var winname = 'win_' + url;
params = 'width='+v1_w;
params += ', height='+v1_h;
params += ', top=' + top + ', left=' + left;
params += ', fullscreen=yes';
params += ',scrollbars=1';
overview_win = window.open(url,winname, params);
if (window.focus) {overview_win.trigger('focus')}
return false;
}
//=============================================================================
// Popup top
//=============================================================================
function popUpTop(url, p1, p2, p3)
{
var winname = 'win_' + url;
w = 650;
h = 750;
params = 'width='+w;
params += ', height='+h;
params += ', top=0, left=0'
params += ', fullscreen=no';
params += ',scrollbars=1';
overview_win = window.open(url,winname, params);
if (window.focus) {overview_win.trigger('focus')}
return false;
}
//=============================================================================
// Clean input string
//=============================================================================
function cleanInputString( myWorkField )
{
let charactersToRemove = '?#"\'';
let myPattern = new RegExp('[' + charactersToRemove + ']', 'g');
myWorkField = myWorkField.replace(myPattern,'');
return myWorkField;
}
//=============================================================================
// Set config type
//=============================================================================
function setConfigType( inputType )
{
outputType = inputType;
if ( inputType == 'A' ) {
var outputType = GLOBAL_CONFIG_TYPE_BUTTON_TEXT_A;
}
if ( inputType == 'N' ) {
var outputType = GLOBAL_CONFIG_TYPE_BUTTON_TEXT_N;
}
if ( inputType == 'L' ) {
var outputType = GLOBAL_CONFIG_TYPE_BUTTON_TEXT_L;
}
if ( inputType == 'T' ) {
var outputType = GLOBAL_CONFIG_TYPE_BUTTON_TEXT_T;
}
return outputType;
}
//=============================================================================
// Create config type buttons
//=============================================================================
function createConfigTypeButtons()
{
$('#button-group-config-type').html('');
// Char
myConfigType_A = '<button type="button" id="button-config_type-button-A" class="btn btn-primary btn-config-type mr-1 mb-1" onclick="selectConfigType(\'A\')">' + GLOBAL_CONFIG_TYPE_BUTTON_TEXT_A +'</button>';
myConfigType_N = '<button type="button" id="button-config_type-button-N" class="btn btn-primary btn-config-type mr-1 mb-1" onclick="selectConfigType(\'N\')">' + GLOBAL_CONFIG_TYPE_BUTTON_TEXT_N +'</button>';
myConfigType_L = '<button type="button" id="button-config_type-button-L" class="btn btn-primary btn-config-type mr-1 mb-1" onclick="selectConfigType(\'L\')">' + GLOBAL_CONFIG_TYPE_BUTTON_TEXT_L +'</button>';
myConfigType_T = '<button type="button" id="button-config_type-button-T" class="btn btn-primary btn-config-type mr-1 mb-1" onclick="selectConfigType(\'T\')">' + GLOBAL_CONFIG_TYPE_BUTTON_TEXT_T +'</button>';
$('#button-group-config-type').html(
myConfigType_A +
myConfigType_N +
myConfigType_L +
myConfigType_T
);
}
//=============================================================================
// Select config type
//=============================================================================
function selectConfigType( inputType )
{
$('#modal-input-M1UPP').val( inputType );
// Remove all "active" marks
$('.btn-config-type').removeClass('active btn-success').addClass('btn-primary');;
// Mark button as selected
myID = 'button-config_type-button-' + inputType;
$('#' + myID ).addClass('active btn-success').removeClass('btn-primary');
}
//=============================================================================
// Get data - search
//=============================================================================
function setWebserviceSearch( input_action )
{
if ( input_action == '*RESET') {
$('#input-dir-name').val('');
$('#input-what-to-call').val('');
$('#input-number_of_files').val('0');
$('#current-FILE_NAME').html( 'All' );
}
if ( input_action == '*RESET_RESET') {
$('#input-dir-name').val('');
$('#input-what-to-call').val('');
$('#input-number_of_files').val('0');
$('#current-FILE_NAME').html( 'All' );
$('.btn-default-date-interval').removeClass('btn-success').addClass('btn-dark');
setDefaultFromToDate();
}
// Show content of dir
if ( input_action == '*SHOW_DIR') {
var row = thisGlobalRowData;
var FILE_NAME = row["FILE_NAME"];
var FILE_COUNT = row["FILE_COUNT"];
// Save curreent webservice name
$('#input-dir-name').val( FILE_NAME );
$('#input-number_of_files').val(FILE_COUNT);
$('#input-what-to-call').val( '*DIRNAME' );
// Show info
$('#current-FILE_NAME').html( FILE_NAME + ' - ' + FILE_COUNT + ' files' );
}
// Clear table - note the draw will occur in the getData function
$('#REEFTvisual_data').DataTable().clear();
getData();
//=============================================================================
// Place curor in search field
//=============================================================================
$('#REEFTvisual_data_wrapper div.dt-search .dt-input').focus();
//$('div.dt-search .dt-input').focus();
//=============================================================================
}
//=============================================================================
// Close modal
//=============================================================================
function closeModal() {
$('#import_done_MaintainModal').modal('hide');
}
//=============================================================================
// Close modal - IFS listing
//=============================================================================
function closeModalIFSlist() {
HTMLline02 = '';
$('#modal-ifs-list-data-result').html('');
$('#modal-ifs-list-messasge').html( ' ' );
$('#import_done_listIFSfileModal').modal('hide');
}
//=============================================================================
// Close modal - IFS super search
//=============================================================================
function closeModalIFSlistSuperSearch() {
HTMLline03 = '';
$('#modal-ifs-super-search-data-result').html('');
$('#modal-ifs-super-search-list-messasge').html( ' ' );
$('#import_super-search_IFSfileModal').modal('hide');
}
//=============================================================================
// Scroll to something
//=============================================================================
function scrollToSomething( target )
{
//$.scrollTo('0',3200);
// thisID = '#' + target;
// $.scrollTo( thisID, 1000);
}
//=============================================================================
// Check if scroll reaches bottom - controls lazy scroll
//=============================================================================
function chk_scroll(e)
{
var elem = $(e.currentTarget);
if (elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight())
{
// Load more data
console.log("bottom");
dataListIFSfileExec();
}
}
//=============================================================================
// copy to clipboard
//=============================================================================
function copyToClipBoard( input_text_to_copy, action )
{
if ( action == 'WRKLNK' ) {
$('#myInput').val( 'wrklnk' + ' ' + '\'' + input_text_to_copy + '\'' );
} else {
$('#myInput').val( input_text_to_copy );
}
// Get the text field
var copyText = document.getElementById("myInput");
// Select the text field
copyText.select();
copyText.setSelectionRange(0, 99999); // For mobile devices
// Copy the text inside the text field
navigator.clipboard.writeText(copyText.value);
// Alert the copied text
alert( copyText.value + ' ' + 'copied to clipboard' );
}
//=============================================================================
// Set default from 7 to date
//=============================================================================
function setDefaultFromToDateCalc( sub_month, month )
{
// Calcualte date intervals
var defaultFromDate = moment().subtract( parseInt(sub_month), 'month').format("YYYY-MM-01" );
var defaultToDate = moment().add(1, 'day').format("YYYY-MM-DD");
var defaultToDate = moment().subtract( parseInt(sub_month), 'month').endOf('month').format('YYYY-MM-DD');
// Move to input fields
$('#input-fromdate').val( defaultFromDate );
$('#input-todate').val( defaultToDate );
var thisId = 'default-button-' + month;
$('.btn-default-date-interval').removeClass('btn-success').addClass('btn-dark');
$('#' + thisId).removeClass('btn-dark').addClass('btn-success');
// Click get button
$('#button-call-import-log-overview').trigger('click');
}
//=============================================================================
// Set default from 7 to date
//=============================================================================
function setDefaultFromToDate() {
var defaultFromDate = moment().subtract( 2, 'month').format("YYYY-MM-DD" );
// var defaultToDate = moment().add(1, 'day').format("YYYY-MM-DD");
// var defaultToDate = moment().subtract( parseInt(sub_month), 'month').endOf('month').format('YYYY-MM-DD');
var defaultToDate = moment(defaultToDate).add( 1, 'day').format('YYYY-MM-DD');
$('#input-fromdate').val( defaultFromDate );
$('#input-todate').val( defaultToDate );
}
//=============================================================================
// Set months
//=============================================================================
function setDefaultMonths() {
$('#default-month-buttons').html('');
var monthButtons = '';
var defaultMonth = moment().subtract(6, 'month').format("MM");
var monthName = setDefaultMonthName( defaultMonth );
createDefaultMonthButton(6, defaultMonth, monthName);
var defaultMonth = moment().subtract(5, 'month').format("MM");
var monthName = setDefaultMonthName( defaultMonth );
createDefaultMonthButton(5, defaultMonth, monthName);
var defaultMonth = moment().subtract(4, 'month').format("MM");
var monthName = setDefaultMonthName( defaultMonth );
createDefaultMonthButton(4, defaultMonth, monthName);
var defaultMonth = moment().subtract(3, 'month').format("MM");
var monthName = setDefaultMonthName( defaultMonth );
createDefaultMonthButton(3, defaultMonth, monthName);
var defaultMonth = moment().subtract(2, 'month').format("MM");
var monthName = setDefaultMonthName( defaultMonth );
createDefaultMonthButton(2, defaultMonth, monthName);
var defaultMonth = moment().subtract(1, 'month').format("MM");
var monthName = setDefaultMonthName( defaultMonth );
createDefaultMonthButton(1, defaultMonth, monthName);
var defaultMonth = moment().subtract(0, 'month').format("MM");
var monthName = setDefaultMonthName( defaultMonth );
createDefaultMonthButton(0, defaultMonth, monthName);
}
//=============================================================================
// Create button
//=============================================================================
function createDefaultMonthButton( number, month, monthName )
{
var thisId = 'default-button-' + month;
var monthButton = '<button type="button" class="btn-default-date-interval btn btn-dark mr-1 mb-1" id="' + thisId + '" onclick="setDefaultFromToDateCalc(\'' + number + '\',\'' + month + '\')">' + monthName + '</button>'
$('#default-month-buttons').append(monthButton);
}
//=============================================================================
// Set month names
//=============================================================================
function setDefaultMonthName( month ) {
var monthName = '';
if ( month == '01') {
monthName = '<?php echo $datahub_month_01 ?>';
}
else if ( month == '02') {
monthName = '<?php echo $datahub_month_02 ?>';
}
else if ( month == '03') {
monthName = '<?php echo $datahub_month_03 ?>';
}
else if ( month == '04') {
monthName = '<?php echo $datahub_month_04 ?>';
}
else if ( month == '05') {
monthName = '<?php echo $datahub_month_05 ?>';
}
else if ( month == '06') {
monthName = '<?php echo $datahub_month_06 ?>';
}
else if ( month == '07') {
monthName = '<?php echo $datahub_month_07 ?>';
}
else if ( month == '08') {
monthName = '<?php echo $datahub_month_08 ?>';
}
else if ( month == '09') {
monthName = '<?php echo $datahub_month_09 ?>';
}
else if ( month == '10') {
monthName = '<?php echo $datahub_month_10 ?>';
}
else if ( month == '11') {
monthName = '<?php echo $datahub_month_11 ?>';
}
else if ( month == '12') {
monthName = '<?php echo $datahub_month_12 ?>';
}
else {
monthName = 'Unknown: ' + month;
}
return monthName;
}
//=============================================================================
// Set clock
//=============================================================================
function updateClock() {
var currentTime = moment().format('YYYY-MM-DD HH:mm:ss');
currentTime = REEFT_format_date( currentTime, DFT_DATE_DISPLAY_FORMAT )
$('#input-current-date').val( moment().format('YYYY-MM-DD') );
$('#input-current-time').val( moment().format('HH:mm:ss') );
$('#current-time').html( currentTime );
// If add mode update date/time in modal window
if ( $('#input-mode').val() == '*add' )
{
$('#modal-input-ORDQTY').val( $('#input-current-date').val() );
$('#modal-input-WOSEQ').val( $('#input-current-time').val() );
}
}
//=============================================================================
// jQuery - Ready
//=============================================================================
$(document).ready(function()
{
// When closing modal
$('#import_done_MaintainModal').on('hidden.bs.modal', function (e) {
resetModalInputFields();
})
// When closing modal
$('#import_done_listIFSfileModal').on('hidden.bs.modal', function (e) {
$('#input-modal-list-current-file-pRpyNextOffSet').val('0');
})
//-----------------------------------------------------------------------
// Bind the scroll to an element - controls lazy scroll
//-----------------------------------------------------------------------
$('#modal-ifs-list-data-result').bind('scroll',chk_scroll);
//$('#modal-ifs-super-search-data-result').bind('scroll',chk_scroll);
//-----------------------------------------------------------------------
// Set default from/to date
//-----------------------------------------------------------------------
setDefaultFromToDate('2');
setDefaultMonths();
//-----------------------------------------------------------------------
// Do not show deleted
$('#input-show-deleted').val('Y');
$('#input-FILE_NAME').val('<?php echo $FILE_NAME ?>');
$('#current-FILE_NAME').html('<?php echo $FILE_NAME ?>');
// Get data done by datatables
setDataTables();
$('#current-FILE_NAME').html( 'All' );
$('#delay-marker-id').html('<i id="delay-marker-icon-id" class="text-success fa-solid fa-circle"></i>');
//-----------------------------------------------------------------------
// Start the clock
//-----------------------------------------------------------------------
updateClock();
setInterval(function() {
updateClock();
}, 1000);
//-----------------------------------------------------------------------
//-----------------------------------------------------------------------
// Set font awesome icon type
//-----------------------------------------------------------------------
// Value is from config/config.php
var iconType = '<?php echo $DFT_SET_FONT_AWESOME_ICON_TYPE ?>';
setFontAwesomeIconType( iconType );
//-----------------------------------------------------------------------
//-----------------------------------------------------------------------
// Delay keyup checker
//-----------------------------------------------------------------------
var delay = (function () {
var timer = 0;
return function (callback, ms) {
clearTimeout(timer);
timer = setTimeout(callback, ms);
};
})()
// DataTable search delay
//$('#REEFTvisual_data_wrapper .dataTables_filter input')
$('#REEFTvisual_data_wrapper div.dt-search .dt-input')
.unbind() // overrule normal behavior
.bind('keyup', function(e){
$('#delay-marker-icon-id').removeClass('text-success').addClass('text-danger');
//var inputValue = $('.dataTables_filter input').val();
var inputValue = $('#REEFTvisual_data_wrapper div.dt-search .dt-input').val();
var currSearchValue = $('#input-search-line').val();
if (inputValue != currSearchValue) {
$('#input-search-line').val( inputValue );
//If enter or delete we update immediately, consider to add backspace=8 and delete=46 also
const keyList = [13];
if (keyList.includes(e.keyCode)) {
// console.log('immediately ' + inputValue );
$('#delay-marker-icon-id').removeClass('text-danger').addClass('text-success');
thisGlobalTableData.search(inputValue).draw(); // fire in the hole
} else {
delay(function () {
// console.log('this will hit, once user has not typed for 1 second ' + inputValue );
$('#delay-marker-icon-id').removeClass('text-danger').addClass('text-success');
thisGlobalTableData.search(inputValue).draw(); // fire in the hole
}, 0800);
}
}
});
//-----------------------------------------------------------------------
// Event listener for the update button
//-----------------------------------------------------------------------
$('#updateButton').on('click', function() {
// Trigger a redraw of the table
thisGlobalTableData.draw();
});
//-----------------------------------------------------------------------
// Set short cuts
//-----------------------------------------------------------------------
// Super search
shortcut.add("F2",function() {
$('#super-search-button').click();
});
shortcut.add("Alt+F2",function() {
$('#import-wait-search-button').click();
});
// Search
shortcut.add("Ctrl+Enter",function() {
//$('#button-call-import-log-overview').click();
$('#modal-super-search-button').click();
});
});
// -->
</script>
</head>
<body>
<div class="container-fluid mt-2 pl-3 pr-3">
<input type="text" class="d-none" id="myInput">
<input type="text" class="d-none" id="input-FILE_NAME">
<input type="text" class="d-none" id="input-search-type">
<input type="text" class="d-none" id="input-dir-name">
<input type="text" class="d-none" id="input-what-to-call">
<input type="text" class="d-none" id="input-number_of_files">
<input type="text" class="d-none" id="input-modal-list-current-file-pRpyNextOffSet">
<input type="text" class="d-none" id="input-modal-last-line-number">
<input type="text" class="d-none" id="input-base-url">
<input type="text" class="d-none" id="input-super-filename">
<input type="text" class="d-none" id="input-super-filepath">
<input type="text" class="d-none" id="input-mode">
<input type="text" class="d-none" id="input-current-date">
<input type="text" class="d-none" id="input-current-time">
<input type="text" class="d-none" id="input-show-deleted" >
<input type="text" class="d-none" id="input-search-line">
<input type="text" class="d-none" id="input-filter-line">
<input type="text" class="d-none" id="input-rpyOffSet">
<input type="text" class="d-none" id="input-rpyTotalRecordsFound">
<input type="text" class="d-none" id="input-rpyTotalPages">
<input type="text" class="d-none" id="input-rpyPageSize">
<div class="row">
<div class="col-2">
<img src="images/customer-logo.png" alt="Customer Logo">
</div>
<div class="col-8 text-center <?php echo $DFT_CLOCK_SIZE ?>">
<i class="font-awesome-pseudo-class fa-thin fa-clock"></i> <span id="current-time"><?php echo date('d-m-Y h:i:s') ?></span>
</div>
<div class="col-2 text-right">
<div class="btn btn-primary mb-1" onclick="loadPage('menu_admin.php','','','')" title="<?php echo $datahub_go_to_my_dear_home ?>"><i class="font-awesome-pseudo-class fa-2x fa-thin fa-home"></i></div>
<div class="d-none">
<div class="btn btn-primary mb-1 d-none d-xl-inline-block" onclick="loadPage('menu_main.php','','','')" title="<?php echo $datahub_go_to_my_dear_home_03 ?>"><i class="font-awesome-pseudo-class fa-2x fa-thin fa-fort"></i></div>
<div class="btn btn-danger mb-1 d-none d-lg-inline-block" onclick="signoff()" title="<?php echo $datahub_go_to_my_dear_home_02 ?>"><i class="font-awesome-pseudo-class fa-thin fa-2x fa-right-from-bracket"></i></div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 text-center">
<div id="data-hub-company-information"></div>
</div>
</div>
<div class="card mt-2">
<div class="card-header text-muted">
<div class="row mt-2">
<div class="col-4 h4">
<div><i class="font-awesome-pseudo-class fa-thin fa-cloud-arrow-up"></i> <?php echo "$datahub_text0187"; ?> (<span id="current-FILE_NAME"></span>)</div>
</div>
<div class="col-4 text-center">
</div>
<div class="col-4 text-right">
<button type="button" type="button" class="d-none btn btn-dark" id="button-toggle-show-deleted" title="Alt+F2=Toggle" onclick="showDeleted()"><?php echo $datahub_button_show_also_deleted ?> : <span id="button-show-deleted" class="font-weight-bold"><?php echo $datahub_YES ?></span></button>
<div class="row font-weight-bold">
<div class="col text-right">
<?php echo $datahub_text0061 ?> : <span id="text-total-records-found">...</span>
</div>
</div>
<div class="row">
<div class="col text-right">
<span id="delay-marker-id"></span>
</div>
</div>
</div>
</div>
</div>
<div class="card-body">
<!-- Message if screen is not wide enough -->
<div class="container-fluid mt-2 mb-4 d-block d-lg-none">
<div id="general-message-top" class="border border-danger rounded p-2 text-danger font-weight-boldx"><?php echo $datahub_error0040a ?></div>
</div>
<!-- Message if screen is not wide enough -->
<div class="row mb-1">
<div class="col text-left">
<div class="d-noneX" id="default-month-buttons"></div>
</div>
<div class="col text-right">
<button type="button" style="width:350px" id="super-search-button" title="F2 = Show super search" onclick="dataListIFSfileSuperPrompt()" class="mb-1 btn btn-primary"><?php echo $datahub_button_super_search_icon ?></button>
<button type="button" style="width:350px" id="import-wait-search-button" title="Alt+F2 = Show waiting for import" onclick="dataListIFSfileWaitPrompt()" class="mb-1 font-weight-bold btn btn-dark"><?php echo $datahub_button_import_wait_icon ?></button>
</div>
</div>
<div class="row mb-3">
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-4 col-xs-4 mt-1">
<div class="row">
<div class="col">
<small><?php echo $datahub_text0121a ?></small>
</div>
</div>
<div class="row">
<div class="col mb-1">
<input id="input-fromdate" type="date" class="form-control">
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-5 col-xs-4 mt-1">
<div class="row">
<div class="col">
<small><?php echo $datahub_text0122a ?></small>
</div>
</div>
<div class="row">
<div class="col mb-1">
<input id="input-todate" type="date" class="form-control">
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-5 col-xs-4 mt-1">
<div class="row">
<div class="col">
<small> </small>
</div>
</div>
<div class="row">
<div class="col">
<button type="button" id="button-call-import-log-overview" title="Show root overview" class="btn btn-primary" onclick="setWebserviceSearch('*RESET')"><?php echo $datahub_button_import_log_overview ?></button>
<button type="button" id="button-call-import-log-reset-overview" title="Show root overview / reset date" class="btn btn-warning" onclick="setWebserviceSearch('*RESET_RESET')"><?php echo $datahub_button_order_reset01_icon ?></button>
</div>
</div>
</div>
</div>
<div>
<div class="row mt-2">
<div class="col-12">
<table id="REEFTvisual_data" class="table nowrap table-bordered table-striped table-hover" style="max-width:95%;">
<thead>
<tr class="bg-primary text-white font-weight-bold">
<th style="width:200px" class="text-left"><?php echo $datahub_text0191 ?></th>
<th style="width:200px" class="text-left"><?php echo $datahub_text0188 ?></th>
<th style="width:200px" class="text-left"><?php echo $datahub_text0189 ?></th>
<th class="text-left"><?php echo $datahub_text0190 ?></th>
<th class="text-left"><?php echo $datahub_text0202 ?></th>
<th class="text-left"><?php echo $datahub_text0194 ?></th>
<th class="text-left"><?php echo "$datahub_text0195 / $datahub_text0196" ?></th>
<th class="text-center"><?php echo $datahub_text0203 ?></th>
<th class="text-center"><?php echo $datahub_text0197 ?></th>
<th class="text-left"> </th>
<th class="text-left"></th>
</tr>
</thead>
</table>
</div>
</div>
</div>
<div class="row">
<div class="col text-right mb-2">
<small><div id="load-time-from-database"></div></small>
</div>
</div>
</div>
</div>
</div>
<!-- Set footer -->
<?php
include "include/footer.php";
?>
<!-- Set footer -->
<!-- ========================================================================== -->
<!-- M O D A L S -->
<!-- ========================================================================== -->
<!-- Modal start -->
<div class="modal fade" id="import_done_MaintainModal" tabindex="-1" data-backdrop="static" role="dialog" aria-labelledby="import_done_MaintainModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xxl">
<div class="modal-content">
<div class="modal-header bg-primary text-white">
<div class="container-fluid pl-0 pr-0">
<div class="row">
<div class="col-6">
<h5 class="modal-title" id="import_done_MaintainModalLabel"><i class="font-awesome-pseudo-class fa-thin fa-cloud-arrow-up"></i> <?php echo $datahub_text0187 ?></h5>
</div>
<div class="col text-right">
<div id="modal-download-current-file"></div>
</div>
</div>
</div>
</div>
<div class="modal-body ml-2 mr-2">
<!-- Message if screen is not wide enough -->
<div class="container-fluid mt-2 mb-4 d-block d-lg-none">
<div id="general-message-top" class="border border-danger rounded p-2 text-danger font-weight-boldx"><?php echo $datahub_error0040a ?></div>
</div>
<!-- Message if screen is not wide enough -->
<form name="dataForm" id="dataForm">
<!-- Hidden fields start -->
<input type="text" class="d-none form-control read-only-class" id="modal-input-counter_total" name="modal-input-counter_total" onkeyup="resetModalMessage()">
<!-- Hidden fields end -->
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0188 ?>
</div>
<div class="col-6 col-xl-4 col-lg-4 col-md-6 col-sm-6">
<input type="text" class="form-control read-only-class" id="modal-input-FILE_NAME" name="modal-input-FILE_NAME" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0189 ?>
</div>
<div class="col-6 col-xl-6 col-lg-4 col-md-6 col-sm-6">
<input type="text" class="form-control read-only-class" id="modal-input-PATH_NAME" name="modal-input-PATH_NAME" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0190 ?>
</div>
<div class="col-6 col-xl-2 col-lg-4 col-md-4 col-sm-4">
<input type="text" class="form-control read-only-class" id="modal-input-OBJECT_TYPE" name="modal-input-OBJECT_TYPE" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0191 ?>
</div>
<div class="col-6 col-xl-3 col-lg-4 col-md-8 col-sm-8">
<input type="text" class="form-control read-only-class" id="modal-input-CREATE_TIMESTAMP" name="modal-input-CREATE_TIMESTAMP" onkeyup="resetModalMessage()">
<input type="text" class="d-none form-control read-only-class" id="modal-input-CREATE_TIMESTAMP_ORG" name="modal-input-CREATE_TIMESTAMP_ORG" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0192 ?>
</div>
<div class="col-6 col-xl-3 col-lg-8 col-md-8 col-sm-8">
<input type="text" class="form-control read-only-class" id="modal-input-LAST_USED_TIMESTAMP" name="modal-input-LAST_USED_TIMESTAMP" onkeyup="resetModalMessage()">
<input type="text" class="d-none form-control read-only-class" id="modal-input-LAST_USED_TIMESTAMP_ORG" name="modal-input-LAST_USED_TIMESTAMP_ORG" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0197 ?>
</div>
<div class="col-6 col-xl-3 col-lg-2 col-md-8 col-sm-8">
<input type="text" class="form-control read-only-class" id="modal-input-ACCESS_TIMESTAMP" name="modal-input-ACCESS_TIMESTAMP" onkeyup="resetModalMessage()">
<input type="text" class="d-none form-control read-only-class" id="modal-input-ACCESS_TIMESTAMP_ORG" name="modal-input-ACCESS_TIMESTAMP_ORG" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0194 ?>
</div>
<div class="col-4 col-xl-3 col-lg-2 col-md-4 col-sm-5">
<input type="text" class="form-control read-only-class" id="modal-input-DATA_SIZE_KB" name="modal-input-DATA_SIZE_KB" onkeyup="resetModalMessage()">
</div>
<div class="col-4 col-xl-3 col-lg-2 col-md-4 col-sm-4">
<input type="text" class="form-control read-only-class" id="modal-input-DATA_SIZE" name="modal-input-DATA_SIZE" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0195 ?> / <?php echo $datahub_text0196 ?>
</div>
<div class="col-4 col-xl-3 col-lg-3 col-md-4 col-sm-4">
<input type="text" class="form-control read-only-class" id="modal-input-CCSID" name="modal-input-CCSID" onkeyup="resetModalMessage()">
</div>
<div class="col-4 col-xl-3 col-lg-3 col-md-4 col-sm-4">
<input type="text" class="form-control read-only-class" id="modal-input-CODE_PAGE" name="modal-input-CODE_PAGE" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0199 ?>
</div>
<div class="col-8 col-xl-3 col-lg-3 col-md-4 col-sm-6">
<input type="text" class="form-control read-only-class" id="modal-input-DAYS_USED_COUNT" name="modal-input-DAYS_USED_COUNT" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0200 ?>
</div>
<div class="col-3 col-xl-1 col-lg-2 col-md-2 col-sm-3">
<input type="text" class="form-control read-only-class" id="modal-input-OBJECT_READ_ONLY" name="modal-input-OBJECT_READ_ONLY" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0201 ?>
</div>
<div class="col-3 col-xl-1 col-lg-2 col-md-2 col-sm-3">
<input type="text" class="form-control read-only-class" id="modal-input-OBJECT_HIDDEN" name="modal-input-OBJECT_HIDDEN" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0202 ?>
</div>
<div class="col-3 col-xl-2 col-lg-4 col-md-4 col-sm-6">
<input type="text" class="form-control read-only-class" id="modal-input-OBJECT_OWNER" name="modal-input-OBJECT_OWNER" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0203 ?>
</div>
<div class="col-3 col-xl-1 col-lg-2 col-md-2 col-sm-4">
<input type="text" class="form-control read-only-class" id="modal-input-FILE_COUNT" name="modal-input-FILE_COUNT" onkeyup="resetModalMessage()">
</div>
</div>
</form>
</div>
<div class="modal-footer-pretty modal-footer">
<div class="container-fluid">
<div class="row">
<div class="col-12 text-left">
<div class="p-1 font-weight-bold text-danger border-top border-dark " id="modal-message"> </div>
</div>
</div>
<div class="row mt-1 mb-2">
<div class="col-3 text-left">
</div>
<div class="col-6 text-right">
</div>
<div class="col-3 text-right">
<button type="button" class="btn btn-primary btn-block" data-dismiss="modal"><?php echo $datahub_button_cancel_01 ?></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ************************************************ -->
<!-- List IFS file -->
<!-- ************************************************ -->
<div class="modal fade" id="import_done_listIFSfileModal" data-keyboard="true" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="import_done_listIFSfileModalLabel" aria-hidden="true" style="z-index: 1060;">
<div class="modal-dialog modal-xxl" role="document">
<div class="modal-content">
<div class="modal-header bg-primary text-white">
<h6 class="modal-title text-truncate" id="import_done_listIFSfileModalLabel"><i class="font-awesome-pseudo-class fa-thin fa-cloud-arrow-up"></i> <?php echo $datahub_text0204 ?> : <span id="modal-list-current-file"></span></h5>
<!--<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>-->
<!--</button>-->
<div id="modal-list-download-current-file"></div>
</div>
<div class="modal-body">
<div class="row mb-2">
<div class="col text-left">
<div class="font-weight-bold" id="modal-ifs-list-messasge"></div>
</div>
<div class="col text-right">
<div id="modal-ifs-list-progress"></div>
</div>
</div>
<div class="row m-2">
<div class="col border border-dark p-2">
<div id="modal-ifs-list-data-result" class="overflow-class"></div>
</div>
</div>
</div>
<div class="modal-footer">
<div class="container-fluid">
<div class="row mt-1 mb-2">
<div class="col-3 text-left">
</div>
<div class="col-6 text-right">
</div>
<div class="col-3 text-right">
<button type="button" class="btn btn-primary" onclick="closeModalIFSlist()"><?php echo $datahub_button_cancel ?></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ************************************************ -->
<!-- Super Search file -->
<!-- ************************************************ -->
<div class="modal fade" id="import_super-search_IFSfileModal" data-keyboard="true" data-backdrop="static" tabindex="-1000" role="dialog" aria-labelledby="import_super-search_IFSfileModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xxl" role="document">
<div class="modal-content">
<div class="modal-header bg-primary text-white">
<h6 class="modal-title text-truncate" id="import_super-search_IFSfileModalLabel"><i class="font-awesome-pseudo-class fa-thin fa-cloud-arrow-up"></i> <span id="import_super-search_IFSfileModalLabel-text"></span></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<!-- Date wrapper start -->
<div id="import_super-search_IFSfileModal-date-wrapper">
<div class="d-none d-xl-block">
<div class="row" style="margin-bottom:-14px">
<div class="col">
<div class="form-row align-items-end">
<div class="form-group col-xl-6 col-lg-6 col-md-6 col-sm-5 col-xs-4">
<small><?php echo $datahub_datatable_Search_text ?></small>
</div>
<div class="form-group col-xl-2 col-lg-4 col-md-6 col-sm-5 col-xs-4">
<small><?php echo $datahub_text0121 ?></small>
</div>
<div class="form-group col-xl-2 col-lg-4 col-md-6 col-sm-5 col-xs-4">
<small><?php echo $datahub_text0122 ?></small>
</div>
<div class="form-group col-xl-2 col-lg-4 col-md-6 col-sm-5 col-xs-4">
</div>
</div>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-12">
<div class="form-row align-items-end">
<div class="form-group col-xl-6 col-lg-6 col-md-6 col-sm-5 col-xs-4">
<input type="text" id="modal-super-search-input" class="form-control">
</div>
<div class="form-group col-xl-2 col-lg-4 col-md-6 col-sm-5 col-xs-4">
<input id="modal-super-search-input-from-date-time" type="datetime-local" class="form-control">
</div>
<div class="form-group col-xl-2 col-lg-4 col-md-6 col-sm-5 col-xs-4">
<input id="modal-super-search-input-to-date-time" type="datetime-local" class="form-control">
</div>
<div class="form-group col-xl-2 col-lg-4 col-md-6 col-sm-5 col-xs-4">
</div>
</div>
</div>
</div>
<div class="row mt-1 mb-2">
<div class="col-3 text-left">
</div>
<div class="col-6 text-right">
</div>
<div class="col-3 text-right">
<button type="button" id="modal-super-search-button" title="Ctrl+Enter = make search" onclick="dataListIFSfileSuperExec()" class="btn btn-primary"><?php echo $datahub_button_super_search_icon ?></button>
</div>
</div>
<div class="row ml-2 mr-2">
<div class="col text-left">
<div class="font-weight-bold" id="modal-ifs-super-search-list-messasge"></div>
</div>
<div class="col text-right">
<div id="modal-ifs-super-search-list-progress"></div>
</div>
</div>
</div>
<!-- Date wrapper end -->
<!-- Data wrapper start -->
<div id="import_super-search_IFSfileModal-data-wrapper">
<div class="row ml-2 mr-2">
<div class="col border border-dark p-1">
<div id="modal-ifs-super-search-data-result" class="overflow-class-super"></div>
</div>
</div>
</div>
<!-- Data wrapper end -->
</div>
<div id="modal-super-footer-id" class="modal-footer">
<div class="container-fluid">
<div class="row mt-1 mb-2">
<div class="col-3 text-left">
</div>
<div class="col-6 text-right">
</div>
<div class="col-3 text-right">
<button type="button" class="btn btn-primary" onclick="closeModalIFSlistSuperSearch()"><?php echo $datahub_button_cancel ?></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ************************************************ -->
<!-- Confirm delete -->
<!-- ************************************************ -->
<div class="modal fade" id="import_done_confirmDeleteModal" tabindex="-1" role="dialog" aria-labelledby="import_done_confirmDeleteModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header bg-primary text-white">
<h5 class="modal-title" id="import_done_confirmDeleteModalLabel"><i class="font-awesome-pseudo-class fa-thin fa-cloud-arrow-up"></i> <?php echo $datahub_text0063 ?></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form name="dataForm-delete" id="dataForm-delete">
<input type="text" class="d-none" id="confirm-delete-FILE_NAME" name="confirm-delete-FILE_NAME">
</form>
<div class="h6"><?php echo $datahub_text0062 ?>: <span class="font-weight-bold" id="confirm-delete-text-FILE_NAME"></span></div>
</div>
<div class="modal-footer">
<div class="container-fluid">
<div class="row mt-1 mb-2">
<div class="col-3 text-left">
<button type="button" onclick="dataDeleteExec()" class="btn btn-primary"><?php echo $datahub_button_delete ?></button>
</div>
<div class="col-6 text-right">
</div>
<div class="col-3 text-right">
<button type="button" class="btn btn-primary" data-dismiss="modal"><?php echo $datahub_button_cancel ?></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>